<template>
	<view class="c-title" v-if="exist">
		<view class="l">{{main}}</view>
		<view class="r">{{sub}}</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		props: ['exist', 'main', 'sub']
	}
</script>

<style lang="scss" scoped>
	.c-title {
		clear: both;

		.l {
			font-size: 40upx;
			font-weight: bold;
			color: rgba(3, 3, 3, 1);
			line-height: 56upx;
			float: left;
			left: 32upx;
			padding: 30upx 0 20upx 32upx;
		}

		.r {
			font-size: 28upx;
			font-weight: 300;
			color: rgba(111, 111, 111, 1);
			line-height: 40upx;
			float: right;
			right: 32upx;
			padding: 46upx 32upx 20upx 0;
		}
	}
</style>
